<template>
    <div class="container">
        <div class="bg-white">
            <a-tabs @tabClick="tabsClick">
              <a-tab-pane key="2" tab="巡查任务成效晾晒">
                <tasksPatrol ref="tasksPatrol"></tasksPatrol>
              </a-tab-pane>
                <a-tab-pane key="1" tab="排查任务成效晾晒">
                    <tasksCheck ref="tasksCheck"></tasksCheck>
                </a-tab-pane>
              <a-tab-pane key="3" tab="处置任务成效晾晒">
                <tasksHandle ref="tasksHandle"></tasksHandle>
              </a-tab-pane>
            </a-tabs>
        </div>
    </div>
</template>

<script>
    import tasksCheck from './tasksCheck'
    import tasksPatrol from './tasksPatrol'
    import tasksHandle from './tasksHandle'
    export default {
        name: 'productiveDryingManager',
        components: { tasksCheck, tasksPatrol,tasksHandle },
        data() {
            return {}
        },
        mounted() {
        },
        methods: {
          tabsClick(key){
            this.$nextTick(() => {
              if (key === '2'){
                this.$refs.tasksPatrol?.initData()
              }else if (key === '1'){
                this.$refs.tasksCheck?.initData()
              }else if (key === '3'){
                this.$refs.tasksHandle?.initData()
              }
            })
          }
        }
    }
</script>

<style scoped lang="less">
.container {
 padding-top: 10px;
    .bg-white { background: white; }
}
</style>
